<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/basic.css"/>

<script type="text/javascript" src="js/jquery-2.0.2.js"></script>

</head>
<body>

<div class="home_bac">
	<div class="home_header">
		<div class="clearfix warp">
			<a href="#" class="home_lol"><img src="images/logo.png"></a>
			<div class="clearfix home_lor">
				<a href="#" class="home_user">
					<img src="images/a8.png" class="">132000000000
				</a>
				<a href="#" class="home_exit">
					<img src="images/a10.png">Exit
				</a>
			</div>
			<!-- <header class="cd-header"><a href="#0" class="cd-3d-nav-trigger nav_open"><span></span></a></header> -->
		</div>
	</div>
	<div class="home_nav">
		<ul class="home_nav_list clearfix">
			<li class="active"><a href="#">Home</a></li>
			<li><a href="#">Order</a></li>
			<li><a href="#">Shuttle</a></li>
			<li><a href="#">Charter</a></li>
			<li><a href="#">Auction</a></li>
			<li><a href="#">Cashier</a></li>
		</ul>
	</div>
	<div class="home_mol">
		<div class="home_mtab">
			<p class="home_tit">Charter Service</p>
			<ul class="home_bot">
				<li>
					<!-- <table cellspacing="0" cellpadding="0" class="charset_table">
						<tbody>
							<tr>
								<td width="30%">
									<img src="images/a16.png" class="m10r">
									<img src="images/a18.png">
								</td>
								<td width="20%">1-13</td>
								<td width="15%">14-24</td>
								<td width="20%">25-39</td>
								<td width="15%">40+</td>
							</tr>
							<tr>
								<td width="30%">3</td>
								<td width="20%">180</td>
								<td width="15%">240</td>
								<td width="20%">300</td>
								<td width="15%">360</td>
							</tr>
							<tr>
								<td width="30%">5</td>
								<td width="20%">280</td>
								<td width="15%">360</td>
								<td width="20%">450</td>
								<td width="15%">550</td>
							</tr>
							<tr>
								<td width="30%">10</td>
								<td width="20%">400</td>
								<td width="15%" class="active">500</td>
								<td width="20%">600</td>
								<td width="15%">850</td>
							</tr>
							<tr>
								<td width="30%"><img src="images/a17.png"></td>
								<td width="20%">60</td>
								<td width="15%">80</td>
								<td width="20%">100</td>
								<td width="15%">120</td>
							</tr>
						</tbody>
					</table> -->
					<dl class="charset_table clearfix">
						<dd>
							<img src="images/a16.png" class="m10r">
							<img src="images/a18.png">
						</dd>
						<dd>1-13</dd>
						<dd>14-24</dd>
						<dd>25-39</dd>
						<dd>40+</dd>

						<dd>5</dd>
						<dd>280</dd>
						<dd>360</dd>
						<dd>450</dd>
						<dd>550</dd>

						<dd>10</dd>
						<dd>400</dd>
						<dd class="active">500</dd>
						<dd>600</dd>
						<dd>850</dd>

						<dd><img src="images/a17.png"></dd>
						<dd>60</dd>
						<dd>80</dd>
						<dd>100</dd>
						<dd>120</dd>
					</dl>
					<p class="charter_tij">250 Kilometres included. Additional kilometres charged at 0.5 AUD per kilometre, Tolls and GST excluded</p>
				</li>
				<li class="clearfix">
					<p class="home_pfl">Contact Number</p>
					<p class="home_pfr">13574258452</p>
				</li>
				<li class="clearfix">
					<p class="home_pfl">Email</p>
					<p class="home_pfr">454564@qq.com</p>
				</li>
				<li class="clearfix">
					<p class="home_pfl">Other Contact</p>
					<div class="clearfix home_ipu">
						<input type="password" class="home_input">
					</div>
				</li>
				<li class="clearfix">
					<p class="home_pfl">Other Email</p>
					<div class="clearfix home_ipu">
						<input type="password" class="home_input">
					</div>
				</li>
				<li class="clearfix">
					<p class="home_pfl">Custo_sum</p>
					<div class="clearfix order_ipu">
						<input type="password" class="order_input">
					</div>
					<img src="images/a13.png" class="order_wen">
				</li>
				<li class="clearfix">
					<p class="home_pfl">Time Depart</p>
					<div class="order_hi">
						<dl class="order_oh">
							<dd class="order_pr">
								<select class="order_select">
									<option value ="1">Year</option>
								</select>
								<img src="images/a6.png" class="order_pimg">
							</dd>
							<dd class="order_pr">
								<select class="order_select">
									<option value ="1">Month</option>
								</select>
								<img src="images/a6.png" class="order_pimg">
							</dd>
							<dd class="order_pr">
								<select class="order_select">
									<option value ="1">Day</option>
								</select>
								<img src="images/a6.png" class="order_pimg">
							</dd>
							<dd class="order_pr">
								<select class="order_select">
									<option value ="1">Hour</option>
								</select>
								<img src="images/a6.png" class="order_pimg">
							</dd>
							<dd class="order_pr">
								<select class="order_select">
									<option value ="1">Min</option>
								</select>
								<img src="images/a6.png" class="order_pimg">
							</dd>
						</dl>
					</div>
				</li>
				<li class="clearfix">
					<p class="home_pfl">From Where</p>
					<div class="order_hi">
						<div class="clearfix home_ipu">
							<input type="password" class="home_input">
						</div>
						<p class="order_fpirs">Flight_id</p>
						<img src="images/a13.png" class="order_wen">
					</div>
				</li>
				<li class="clearfix">
					<p class="home_pfl">Flight_id</p>
					<div class="order_hi">
						<div class="clearfix home_ipu">
							<input type="password" class="home_input">
						</div>
					</div>
				</li>
				<li class="clearfix">
					<p class="home_pfl">Options</p>
					<dl class="order_ohi clearfix">
						<dd class="order_dil clearfix">
							<div class="clearfix order_wont">
								<input type="checkbox" class="order_che">
								<p class="home_pfr">Big Luggage</p>
								<img src="images/a13.png" class="order_wen">
							</div>
							<p class="order_pfr">Pieces</p>
							<input type="text" class="order_miput">
						</dd>
						<dd class="order_dil clearfix">
							<div class="clearfix order_wont">
								<input type="checkbox" class="order_che">
								<p class="home_pfr">Carry Luggage</p>
								<img src="images/a13.png" class="order_wen">
							</div>
							<p class="order_pfr">Pieces</p>
							<input type="text" class="order_miput">
						</dd>
						<dd class="order_dil clearfix">
							<div class="clearfix order_wont">
								<input type="checkbox" class="order_che">
								<p class="home_pfr">Baby Seats</p>
								<img src="images/a13.png" class="order_wen">
							</div>
							<p class="order_pfr">0-3yr</p>
							<input type="text" class="order_miput">
							<p class="order_pfrs">3-7yr</p>
							<input type="text" class="order_miput">
						</dd>
						<dd class="order_dil clearfix">
							<div class="clearfix order_wont">
								<input type="checkbox" class="order_che">
								<p class="home_pfr">Wheel Chairs</p>
								<img src="images/a13.png" class="order_wen">
							</div>
							<p class="order_pfr">WithPerson</p>
							<input type="text" class="order_miput">
							<p class="order_pfrs2">or On Board Only</p>
							<input type="text" class="order_miput">
						</dd>
						<dd class="order_dil clearfix">
							<div class="clearfix order_wont">
								<input type="checkbox" class="order_che">
								<p class="home_pfr">Trailer Required</p>
								<img src="images/a13.png" class="order_wen">
							</div>
						</dd>
						<dd class="order_dil clearfix">
							<div class="clearfix order_wont">
								<input type="checkbox" class="order_che">
								<p class="home_pfr">Toll Included</p>
								<img src="images/a13.png" class="order_wen">
							</div>
						</dd>
						<dd class="order_dil clearfix">
							<div class="clearfix order_wonts">
								<input type="checkbox" class="order_che">
								<p class="home_pfr">river Meal and Accommodation</p>
								<img src="images/a13.png" class="order_wen">
							</div>
						</dd>
					</dl>
				</li>
				<li class="clearfix">
					<p class="home_pfl">Extra Request</p>
					<textarea class="order_tarea"></textarea>
				</li>


				<li class="clearfix">
					<p class="home_pfl"></p>
					<input type="button" class="home_button" value="Confirm">
				</li>
			</ul>
		</div>
		<div class="home_foot">
			<div class="clearfix lg_boa">
				<a href="#">Contact Us</a>
				<a href="#">About Us</a>
				<a href="#">Readme Before Use</a>
			</div>
			<p class="lg_boits">@Better Price Better Go</p>
		</div>
	</div>


	
</div>


<script>
// nav
$(document).ready(function($){
	$('.cd-3d-nav-trigger').on('click', function(){
		toggle3dBlock(!$('.cd-header').hasClass('nav-is-visible'));
	});

	function toggle3dBlock(addOrRemove) {
		if(typeof(addOrRemove)==='undefined') addOrRemove = true;	
		$('.cd-header').toggleClass('nav-is-visible', addOrRemove);
	}
});
</script>
</body>
</html>
